<!--
 * @Autor: dingxiaolin
 * @Date: 2021-05-13 09:04:57
 * @LastEditors: dingxiaolin
 * @LastEditTime: 2021-05-24 11:17:22
-->
<template>
    <div class="container">
        <!-- 整机发货量 -->
        <!-- <earthMapFh></earthMapFh> -->
        <!-- 整机日发货量 -->
        <dayTable></dayTable>
        <!-- 整机日发货统计 -->
        <dayDeliveryPie></dayDeliveryPie>
        <!-- 所属片区日发货量TOP10（台） -->
        <dayDeliveryBar></dayDeliveryBar>
        <!-- 近十日发货量对比 -->
        <tendayDeliveryLine></tendayDeliveryLine>
        <!-- 整机月发货量 -->
        <monthTable></monthTable>
        <!-- 整机月发货量统计（台 ） -->
        <monthDeliveryPie></monthDeliveryPie>
        <!-- 所属片区月发货量TOP10（台） -->
        <monthDeliveryBar></monthDeliveryBar>
        <!-- 近10月销量对比（台） -->
        <tenmonthDeliveryLine></tenmonthDeliveryLine>
    </div>
</template>

<script lang="ts">
import {
    defineComponent,
    PropType,
    reactive,
    toRefs,
    ref,
    computed,
    nextTick,
    onMounted,
} from "vue";
import { useRouter } from "vue-router";
import {
    earthMapFh,
    dayTable,
    dayDeliveryPie,
    dayDeliveryBar,
    tendayDeliveryLine,
    monthTable,
    monthDeliveryPie,
    monthDeliveryBar,
    tenmonthDeliveryLine,
} from "./fahuoCom";

import store from "@/store";
export default defineComponent({
    name: "fahuo",
    components: {
        earthMapFh,
        dayTable,
        dayDeliveryPie,
        dayDeliveryBar,
        tendayDeliveryLine,
        monthTable,
        monthDeliveryPie,
        monthDeliveryBar,
        tenmonthDeliveryLine,
    },
    props: {},
    setup() {
        const router = useRouter();
        const state = reactive({});
        onMounted(() => {
            store.dispatch("fahuo/getjxList");
            store.dispatch("fahuo/getPq");
            store.dispatch("fahuo/getStockList");
        });
        return {
            ...toRefs(state),
        };
    },
});
</script>

<style lang="scss" scoped>
.container {
    color: #fff;
    background-color: #060f46;
}
</style>
